<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Bootstrap 模板-轮播图</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- 引入 Bootstrap -->
	<link href="<%=path %>/static/bootstrap3.3.7/css/bootstrap-theme.min.css" rel="stylesheet">
	<!-- 轮播图需要样式 -->
	<link rel="stylesheet" type="text/css" href="<%=path %>/static/bootstrap3.3.7/css/bootstrap.min.css">
	
<!-- 	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> -->
<!-- 	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> -->
<!-- 	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
	
<!-- 	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> -->
	<!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
	<!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
	<!--[if lt IE 9]>
	   <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	   <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	<![endif]-->
</head>
<script type="text/javascript">

// alert("");
</script>

<body>
      <div class="container-fluid">
			<div class="row-fluid">
				<div class="span12">
					<div class="carousel slide" id="carousel-412618">
						<ol class="carousel-indicators">
							<li data-slide-to="0" data-target="#carousel-412618">
							</li>
							<li data-slide-to="1" data-target="#carousel-412618" class="active">
							</li>
							<li data-slide-to="2" data-target="#carousel-412618">
							</li>
						</ol>
						<div class="carousel-inner">
							<div class="item">
								<img alt="" src="img/1.png" />
								<div class="carousel-caption">
									<h4>
										棒球
									</h4>
									<p>
										棒球运动是一种以棒打球为主要特点，集体性、对抗性很强的球类运动项目，在美国、日本尤为盛行。
									</p>
								</div>
							</div>
							<div class="item active">
								<img alt="" src="img/2.png" />
								<div class="carousel-caption">
									<h4>
										冲浪
									</h4>
									<p>
										冲浪是以海浪为动力，利用自身的高超技巧和平衡能力，搏击海浪的一项运动。运动员站立在冲浪板上，或利用腹板、跪板、充气的橡皮垫、划艇、皮艇等驾驭海浪的一项水上运动。
									</p>
								</div>
							</div>
							<div class="item">
								<img alt="" src="img/3.png" />
								<div class="carousel-caption">
									<h4>
										自行车
									</h4>
									<p>
										以自行车为工具比赛骑行速度的体育运动。1896年第一届奥林匹克运动会上被列为正式比赛项目。环法赛为最著名的世界自行车锦标赛。
									</p>
								</div>
							</div>
						</div> <a data-slide="prev" href="#carousel-412618" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-412618" class="right carousel-control">›</a>
					</div>
				</div>
			</div>
		</div>

      <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
<%--       <script src="<%=path %>/static/jquery-1.8.3.js"></script> --%>
		<script src="<%=path %>/static/jquery-3.3.1.min.js"></script>
      
      <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
<!--       <script src="https://code.jquery.com/jquery.js"></script> -->
      <!-- 包括所有已编译的插件 -->
      <script src="<%=path %>/static/bootstrap3.3.7/js/bootstrap.min.js"></script>
</body>
</html>